<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>文章</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="css/home.css">
	    <meta name="viewport"
	          content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
		<link rel="stylesheet" href="https://unpkg.com/mditor@1.0.5/dist/css/mditor.min.css" />
		<script src="https://unpkg.com/mditor@1.0.5/dist/js/mditor.min.js"></script>
	</head>
	<body>
		
		<div id="header">
			<div class="nav">
				<a href="#" class="logo">Lee Blog</a>
				<div id="nav-btn" class="btn">
					<i id="btn" class="layui-icon layui-icon-addition"></i>
				</div>
				<ul class="nav-bar">
					<li><a href="home.html" th:href="@{/home}">首页</a></li>
					<li><a href="technology.html" th:href="@{/technology}">技术</a></li>
					<li><a href="life.html" th:href="@{/life}">杂记</a></li>
					<li><a href="time.html" th:href="@{/time}">时间轴</a></li>
					<li><a href="message.html" th:href="@{/message}">留言</a></li>
					<li><a href="about.html" th:href="@{/about}">关于我</a></li>
				</ul>
			</div>
		</div>
		
		<div class="layui-fluid btn-nav">
			<ul>
				<li><a href="home.html" th:href="@{/home}">首页</a></li>
				<li><a href="technology.html" th:href="@{/technology}">技术</a></li>
				<li><a href="life.html" th:href="@{/life}">杂记</a></li>
				<li><a href="time.html" th:href="@{/time}">时间轴</a></li>
				<li><a href="message.html" th:href="@{/message}">留言</a></li>
				<li><a href="about.html" th:href="@{/about}">关于我</a></li>
			</ul>
		</div>
		
		
		<div class="layui-container articleDetail">
			<h1 th:text="${article.title}" style="text-align: center">Java从入门到精通</h1>
			<div class="icon">
				<i class="layui-icon layui-icon-time" th:text="${article.time}"> 2020年3月24日</i>
				<i class="layui-icon layui-icon-template-1" th:text="${article.type}"> 技术</i>
				<i class="layui-icon layui-icon-note" th:text="${article.label}"> Java</i>
			</div>
			<div class="viewer">
				<div class="markdown-body" th:utext="${article.content}"></div>
			</div>
		</div>



	</body>
</html>
